<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=9, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>境外社-产品管理-评价管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="${__domain__}/static/common/common.css">
    <link rel="stylesheet" href="../admin.less">
    <link rel="stylesheet" href="../jws_en.less">

    <!-- <link rel="stylesheet" href="${__domain__}/static/a/b/c.css?{SITE_VERSION_NUM}">-->
</head>
<style>
.pj-block {
    line-height: 20px;
    margin-bottom: 10px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 5px;
}
</style>

<body>
    <link rel="import" href="../admin-head.html?__inline">
    <div class="wrapper clearfix">
        <div class="title-container wrapper" style="margin-top:35px;">
            <div class="title">My Business Center              
            </div>
        </div>
        <link rel="import" href="../admin-nav-jws-en.html?__inline">
        <div class="admin-right">
            <div class="top">My feedbacks</div>
            <table class="select-group">
                <tr>
                    <td class="title">Feedback type</td>
                    <td class="content">
                        <select name="" id="">
                            <option value="">All</option>
                            <option value="">Customer review</option>
                            <option value="">Customer complaint</option>
                        </select>
                    </td>
                    <td class="title">Destination</td>
                    <td class="content">
                        <input type="text">
                    </td>
                    <td class="title">Product name</td>
                    <td class="content">
                        <input type="text">
                    </td>
                    <td>
                        <input class="btn btn-blue search-btn" type="submit" value="search">
                    </td>
                </tr>
            </table>
            <table class="main-detail-list">
                <colgroup width="320px;"></colgroup>
                <colgroup width="100px;"></colgroup>
                <colgroup width="150px;"></colgroup>
                <colgroup width="200px;"></colgroup>
                <colgroup width="80px;"></colgroup>
                <tr>
                    <th>
                        <select name="" id="">
                            <option value="">feedback</option>
                            <option value="">with content</option>
                            <option value="">without content</option>
                            <option value="">Additional feedback</option>
                        </select>
                    </th>
                    <th>Feedback type</th>
                    <th>Feedback from</th>
                    <th>Product info</th>
                    <th>Process</th>
                </tr>
                <tr class='order-content'>
                    <td class='tleft j-box-container'>
                        好评！
                        <div class="date">[2015-09-23 10:08:11]</div>
                        <div class="j-box">
                            <div class="limit-input">
                                <textarea name="" class="limit-input-area form-control"></textarea>
                                <div class="count-box">
                                    <span class="counter">0</span>/<span class='tt'>6000</span> letters
                                    <label for="inputError" class="control-label"></label>
                                </div>
                            </div>
                            <div class="btn btn-blue">Reply</div>
                        </div>
                    </td>
                    <td>Customer review</td>
                    <td>Buyer:<a href="javascript:void(0)">你的睫毛555</a></td>
                    <td class='tleft border-child'>
                        <a href="javascript:void(0)">【无待旅行】沙巴美人鱼岛2天1夜住宿  性价比超环滩岛</a>
                        <div class="red">￥288.0</div>
                    </td>
                    <td>
                        <a href="javascript:void(0)" class="reply">Reply</a>
                        
                    </td>
                </tr>
                <tr class='order-content'>
                    <td class='tleft j-box-container'>
                        <div class="pj-block">
                            商家服务很棒！
                            <div class="date">[2015-09-23 10:08:11]</div>
                            <div class="j-box">
                                <div class="limit-input">
                                    <textarea name="" class="limit-input-area form-control"></textarea>
                                    <div class="count-box">
                                        <span class="counter">0</span>/<span class='tt'>30</span>字
                                        <label for="inputError" class="control-label"></label>
                                    </div>
                                </div>
                                <div class="btn btn-blue">Reply</div>
                            </div>
                        </div>
                        <div class="pj-block">
                            <label>[追加评论]</label>行程计划有趣，价格实惠，客服认真解答问题，很负责。
                            <div class="date">[2015-09-23 10:08:11]</div>
                        </div>
                    </td>
                    <td>Customer review</td>
                    <td>Buyer: <a href="javascript:void(0)">你的睫毛555</a></td>
                    <td class='tleft border-child'>
                        <a href="javascript:void(0)">【无待旅行】沙巴美人鱼岛2天1夜住宿  性价比超环滩岛</a>
                        <div class="red">￥288.0</div>
                    </td>
                    <td>
                        <a href="javascript:void(0)" class="reply">Reply</a>
                    </td>
                </tr>
                <tr class='order-content'>
                    <td class='tleft j-box-container'>
                        <div class="pj-block">
                            7月份出行的，价格相较当地定是贵的，当地定99美金一天，帕劳风景的确不错，不过水母湖那次去水有点混不是看的很漂亮，运气不太好，还有因为浪大，大断层没去回来后，遇到跟其他导游的顾客
                            <div class="date">[2015-09-23 10:08:11]</div>
                            <div class="j-box">
                                <div class="limit-input">
                                    <textarea name="" class="limit-input-area form-control"></textarea>
                                    <div class="count-box">
                                        <span class="counter">0</span>/<span class='tt'>30</span>字
                                        <label for="inputError" class="control-label"></label>
                                    </div>
                                </div>
                                <div class="btn btn-blue">Reply</div>
                            </div>
                        </div>
                        <div class="pj-block">
                            <label>[Reply]</label>亲，其实当地包车是价格更低廉，但是没有任何保障的哦，您出现什么问题是没有人帮您协调处理我们是正规公司的车子.[2015-09-23 10:08:11] <a href="">修改</a>
                        </div>
                    </td>
                    <td>Customer review</td>
                    <td>Buyer: <a href="javascript:void(0)">你的睫毛555</a></td>
                    <td class='tleft border-child'>
                        <a href="javascript:void(0)">【无待旅行】沙巴美人鱼岛2天1夜住宿  性价比超环滩岛</a>
                        <div class="red">￥288.0</div>
                    </td>
                    <td>
                        <a href="javascript:void(0)" class="reply">Reply</a>
                    </td>
                </tr>
            </table>
            <ul class="pages">
                <li class="cur"><a href="javascript:void(0)">1</a></li>
                <li><a href="javascript:void(0)">2</a></li>
                <li><a href="javascript:void(0)">3</a></li>
                <li><a href="javascript:void(0)">4</a></li>
                <li class="last"><a href="javascript:void(0)">ww</a></li>
            </ul>
        </div>
    </div>
    <link rel="import" href="../../../widget/wd-footer/wd-footer.html?__inline">
    <!-- your page.js -->
    <script type="text/javascript">
    $(function() {
        $('.reply').click(function(e) {
            $('.j-box').hide();
            $(this).closest('.order-content').find('.j-box').show();
            e.stopPropagation(); 
        })
        $('.j-box').click(function(e){
            e.stopPropagation(); 
        })
        $(document).click(function(){
            $('.j-box').hide();
        })
    })
    </script>
    <script>
    require(['page/admin/mproduct/pj']);
    </script>
</body>

</html>
